<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>伪类3</title>
    <!--匹配所有<p> 元素中的第一个 <i> 元素-->
    <!--在下面的例子中，选择相匹配的所有<p>元素的第一个 <i> 元素：-->
    <style>
        p > i:first-child
        {
            color: blue;
        }
    </style>
</head>
<body>
<p>I am a <i>strong</i> man.I am a <i>strong</i> man.</p>
<p>I am a <i>strong</i> man.I am a <i>strong</i> man.</p>
<p><b>注意：</b>当：first-child作用于IE8以及更早版本的浏览器，!DOCTYPE必须已经定义。</p>
</body>
</html>